<html>
<head>
    <title>ContextmenuDemo</title>

</head>
<body>
<div>
    <div>
        <strong>Gold: </strong>
        {{player.gold}}
    </div>
    <div class="list-group">
        <a href="#"
           class="list-group-item"
           ng-repeat="item in items"
           context-menu="menuOptions">
            <span class="badge">{{item.cost}}</span>
            {{item.name}}
        </a>
    </div>
    <button class="btn btn-default"
            context-menu="otherMenuOptions"
            model="'Red'">Right Click</button>

    <br/>
    <br/>
    <button class="btn btn-default"
            context-menu="otherMenuOptions"
            allow-event-propagation="true"
            model="'Blue'">Right Click allow event propagation</button>

    <br/>
    <br/>
    <button class="btn btn-default"
            context-menu="otherMenuOptions"
            context-menu-on="click"
            model="'Red'">Left Click</button>

    <br/>
    <br/>
    <button class="btn btn-default"
            context-menu="customHTMLOptions"
            >Custom HTML</button>

</div>
</body>

</html>
